<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css3_新增长度单位</title>
  <style>
    /*div{*/
    /*  width: 10vw;*/
    /*  height: 10vh;*/
    /*  background-color: red;*/
    /*  font-size: 20px;*/
    /*} */
    html{
      font-size: 20px;
    }
    div{
      width: 10rem;
      height: 10rem;
      background-color: red;
    }
  </style>
</head>
<body>
<!--
    css3新增长度单位
      rem:根据根元素font-size属性值进行计算，只和根（html）元素字体大小相关。
      vw:根据视口宽度的百分之多少进行计算。 10vw就是视口宽度的10%。
      vh:根据视口高度的百分之多少进行计算。 10vh就是视口高度的10%。
      vmax:根据视口宽高中的较大值进行计算。
      vmin:根据视口宽高中的较小值进行计算。
-->
    <div>这是div</div>
</body>
</html>